* {
  margin:0;
  padding:0;
  border:0;
}

#d1 {
  width:100%;
  height:120px;
  background-color:yellow;
}
#d2 {
  float:left;
  width:80%;
  height:500px;
  background-color:;
}
#d3{
  float:left;
  width:20%;
  height:120px;
  background-color:red;
}
#d4{
  width:25%;
  height:500px;
  background-color:HotPink;
}
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:23.5%;
text-decoration:none;
color:white;
background-color:purple;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a:hover {background-color:#ff3300}
li{display:inline}
hr {color: sienna;}
p.center{text-align:center;}
td{text-align:center;}
table{
    position: relative;
    left: 25%;
    top: -500px;
	width:100%;
	height:500px;
}